// const path = require('path')
const { defineConfig } = require('@vue/cli-service')
module.exports = defineConfig({
  transpileDependencies: true,
  publicPath: './',
  css: {
    loaderOptions: {
      less: {
        // 若 less-loader 版本小于 6.0，请移除 lessOptions 这一级，直接配置选项。
        lessOptions: {
          modifyVars: {
            // 直接覆盖变量 首页顶部导航 背景 文字颜色
            'nav-bar-background-color': '#00aeec',
            'nav-bar-title-text-color': '#fff',
            'nav-bar-icon-color': '#fff',
            // 首页导航下划线颜色
            'tabs-bottom-bar-color': '#00aeec'
            // 或者可以通过 less 文件覆盖（文件路径为绝对路径）
            // 全局使用 此处定义 其他文件该类名的组件也会受到影响
            // hack: `true; @import "${path.join(__dirname, '/src/styles/cover.less')}";`
          }
        }
      }
    }
  },
  devServer: {
    proxy: {
      // http://c.m.163.com/nc/article/headline/T1348647853363/0-40.html
      '/api': { // 可以随便写 请求地址加上 /api   基地址(不用写) + /api + url
        target: 'http://c.m.163.com', // 基地址
        changeOrigin: true, // 改变请求来源(欺骗后台你的请求是从http://c.m.163.com)
        pathRewrite: {
          '^/api': '' // 因为真实路径中并没有/api这段, 所以要去掉这段才能拼接正确地址转发请求 将/api替换为 ''
        }
      }
    }
  }
})
